import React, { Component } from 'react'
import PubSub from 'pubsub-js'
// import axios from 'axios'
 
 
export default class Search extends Component {
 
 
  //点击搜索回调
  updateUserData = () => {
 
    // 获取输入的值,(连续解构+重命名)的方式
    const { getKeycode: { value: keyWord } } = this
    console.log(keyWord);
    // 首次访问，通知List更新状态
    PubSub.publish('User_Data', { isFirst: false, isLoading: true })
    // 发送请求
    // axios.get(`/api1/search/users?q=${keyWord}`).then(
    //   // 请求成功，通知List组件更新状态
    //   response => {
    //     PubSub.publish('User_Data', { isLoading: false, userData: response.data })
    //   },
    //   // 请求失败了，通知List更新状态
    //   error => {
    //     PubSub.publish('User_Data', { isLoading: false, error: error.message })
    //   }
    // )
  }
  render() {
    return (
      <section>
        <h3>搜索 Github 用户</h3>
        <div>
          <input ref={c => { this.getKeycode = c }} type="text" />&nbsp;
          <button onClick={this.updateUserData} >搜索</button>
        </div>
      </section>
    )
  }
}